<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>HTML5响应式第三方登录页面模板</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
		<link rel="stylesheet" type="text/css" href="css/util.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
	</head>

	<body>

		<div class="limiter">
			<div class="container-login100" >

			</div>
		</div>
	</body>
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
	<script src="js/main.js"></script>
	<script src="js/jigsaw.min.js"></script>
	<script>
		jigsaw.init({
			el: document.getElementById('captcha'),
			onSuccess: function() {
				showLogin();
			},
			onFail: cleanMsg,
			onRefresh: cleanMsg
		})

		function cleanMsg() {
			document.getElementById('msg').innerHTML = ''
		}
		
		function showLogin(){
			$("#loginBtn").attr('disabled',false);
			$("#loginBtn").attr('hidden',false);
		}
		
		function login(){
			alert(123);
		}
	</script>
</html>